.mypage{
    z-index: 10;
    // position: fixed;
    // width: 100%;
    // height: 100%;
}
view{
    box-sizing: border-box;
}
.bgblue{
    position: fixed;
    width: 100%;
    top: 0;
    height: 218rpx;
    background: #182987;
    z-index: -1;
}
.card{
    margin-top: 28rpx;
    margin-left: 30rpx;
    width: calc(~"100% - 60rpx");
    height: 333rpx;
    background-blend-mode: normal, 
        normal;
    box-shadow: 0px 8px 20px 0px 
        rgba(120, 72, 62, 0.3);
    border-radius: 16px;
	background-image: linear-gradient(135deg, 
    rgba(249, 212, 204, 0.87) 0%, 
    rgba(180, 130, 120, 0.87) 100%), 
linear-gradient(
    #e4bda5, 
    #e4bda5);
    padding: 0 38rpx;
    color:#5e3425;
    padding-top: 20rpx;
    position: relative;

    .header{
        display: flex;
        // margin-top: 20rpx;
        image{
            width: 71rpx;
            height: 70rpx;
            background-color: #ffffff;
            border-radius: 75rpx;
            border: solid 4rpx rgba(180, 130, 120, 0.8)
        }
        .info{
            padding-left: 15rpx;
            .name{
                font-size: 32rpx;
                margin-top: 9rpx;
            }
            .describ{
                font-size: 16rpx;
            }
        }
    }
    .center{
        padding-top: 20rpx;
        .value-name{
            font-size: 16rpx;

        }
        .price{
            margin-top: 0rpx;
            font-size: 48rpx;
        }
    }
    .button{
        position: absolute;
        top: 114rpx;
        right: 63rpx;
        width: 153rpx;
        height: 55rpx;
        line-height: 55rpx;
        text-align: center;
        color: white;
        font-weight: normal;
        font-size: 26rpx;
        background-image: linear-gradient(0deg, 
            #182987 0%, 
            #1630be 100%), 
        linear-gradient(
            #5f33ff, 
            #5f33ff);
        background-blend-mode: normal, 
            normal;
        border-radius: 28rpx;
    }
    .line{
        margin-top: 10rpx;
        width: calc(~"100% - 0rpx");
        height: 2rpx;
        background: rgba(180,130,120,0.87);
    }
    .bottom{
        display: flex;
        height: 120rpx;
        // border: red solid 1rpx;
        align-items: center;
        justify-content: space-around;
        margin: 0 10rpx;
        view{
            // border: red solid 1rpx;
        }
        .line{
            width: 2rpx;
            height: 48rpx;
            background-color:  rgba(180,130,120,0.87);
        }
        .cell{
            .value-name{
                font: 18rpx;
            }
            .price{
                margin-top: 6rpx;
                font-size: 38rpx;
            }
        }

    }


}
view{
    // border: red solid 1rpx;
}

.menu{
    padding: 0 68rpx 80rpx ; 
    
    width: 100%;
    position: relative;
    // display: flex;
    .item-cell{
        display: inline-block;
        width: 50%;
        margin-top: 80rpx;
        text-align: center;
        font-size: 27rpx;
        image{
            width: 70rpx;
            height: 70rpx;
            margin: 0 auto;

        }
        .name{
            margin-top: 10rpx;
        }
    }
    .line{
        background:  rgba(253, 243, 241, 0.85);
        position: absolute;
    }
    .line1{
        top: 50%;
        width: calc(~"100% - 136rpx");
        height: 2rpx;
    }
    .line2{
        top: 80rpx;
        left: calc(~"50% - 0rpx");
        width:2rpx ;
        height: calc(~"100% - 160rpx");
    }
}